<template>
    <div class="tag-item">
        <!-- 内容 -->
        <div class="tag-item-content">
            <!-- 左边 -->
            <span class="tag-item-content-text">
                <slot name="left"></slot>
            </span>
        </div>
        <!-- 右边 -->
        <span class="tag-item-right">
            <slot name="right"></slot>
        </span>
    </div>
</template>
<script>
</script>
<style>
.tag-item {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #ddd;
    position: relative;
    display: flex;
    justify-content: space-between;

    .tag-item-content {
        width: 200px;
        height: 60px;


        .tag-item-content-text {
            font-size: 36px;
            text-align: center;
            margin-left: 20px;
            font-size: 14px;
        }
    }

    .tag-item-right {
        width: 100px;
        height: 60px;
        font-size: 36px;
        line-height: 60px;
        font-size: 14px;
    }
}
</style>